<!DOCTYPE html>
<html>
<head>
    <meta content="text/html;charset=UTF-8" http-equiv="Content-Type"/>
    <!-- Mobile Devices Support @begin -->
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control"/>
    <meta content="no-cache" http-equiv="pragma"/>
    <meta content="0" http-equiv="expires"/>
    <meta content="telephone=no, address=no" name="format-detection"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!-- Mobile Devices Support @end -->
    <title>{$game['title']}</title>
    <link rel="stylesheet" href="{$UrlPath}/css/style.css" />
    <link rel="stylesheet" href="{$UrlPath}/css/main.css">
    <script type="text/javascript" src="{$UrlPath}/js/jquery.js"></script>    
    <script type="text/javascript" src="{$UrlPath}/js/common.js"></script>
    <style>html{font-size:312.5%;}</style>
    <script>
        init_rem();
        function init_rem(){
            var iw = 750;
//            var w = window.innerWidth;
            var w = $(window).width();
            /*if(w>375){
                w = 375;
            }*/
            var irate= 625/(iw/w);
            /*if(irate > 298.3333333333333){
                irate = 288.3333333333333;
            }*/
            var str = 'html{font-size:' + irate + '%' + '}';
            var h_style = document.createElement("style");
            h_style.setAttribute("type", "text/css");
            h_style.innerHTML = str;
            document.getElementsByTagName('head')[0].appendChild(h_style);
        }
    </script>
</head>
<body>
<div class="page_index" style="background-image:url('{if $game['bgpic']}{$game['bgpic']}{else}{$UrlPath}/images/2048.png{/if}')">
    <div class="game_start">
		<div class="start" id="start_button" onclick="location.href='{php echo $this->createMobileUrl('game', array('gid' => $game['id']))}'">开始游戏</div>
		{if $game['prize']} 
		<div class="phb_2 clearfix">
			<a class="award" id="award" onclick="location.href='{php echo $this->createMobileUrl('prize', array('gid' => $game['id']))}'" href="javascript:void(0)">奖项</a>
			<a class="phb" id="phb" onclick="location.href='{php echo $this->createMobileUrl('billboard', array('gid' => $game['id']))}'" href="javascript:void(0)">排行榜</a>
		</div>
		{else}
		<div class="phb_1" id="phb" onclick="location.href='{php echo $this->createMobileUrl('billboard', array('gid' => $game['id']))}'" href="javascript:void(0)">排行榜</div>
    	{/if}
    </div>    
    <!--<a href="" id="bottom_ads"></a>-->   
</div>
<script>
    $(function(){
        var h_index = $('.page_index').height();
        $('.bg_opacity').height(h_index);
    });
     
</script>
</body>
</html>
